<div class="main layui-clear">
<h2 class="page-title">
    发表问题
</h2>
<div class="layui-form layui-form-pane">
    <form action="" method="post">
        <div class="layui-form-item">
            <label for="L_title" class="layui-form-label">
                标题
            </label>
            <div class="layui-input-block">
                <input type="text" id="L_title" name="title" required lay-verify="required"
                autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item layui-form-text">
            <div class="layui-input-block">
                <textarea id="L_content" name="content" placeholder="请输入内容" class="layui-textarea fly-editor" style="height: 260px;">
                </textarea>
            </div>
            <label for="L_content" class="layui-form-label" style="top: -2px;">
                描述
            </label>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">
                    所在类别
                </label>
                <div class="layui-input-block">
                    <select lay-verify="required" name="class">
                        <option value=""></option>
                        <?php foreach ($cate as $c) { ?>
                        <optgroup label="{$c.cname}">
                             <?php foreach ($c['son'] as $s) { ?>
                              <option value="{$s.id}">{$s.cname}</option>  
                             <?php } ?>  
                        </optgroup>    
                        <?php } ?>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label">
                    悬赏飞吻
                </label>
                <div class="layui-input-block">
                    <select name="experience">
                    <?php foreach ($kisslev as $k) { ?>
                        <option value="{$k['kissnum']}">{$k['kissnum']}</option>
                    <?php } ?>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <label for="L_vercode" class="layui-form-label">
                人类验证
            </label>
            <div class="layui-input-inline">
                <input type="text" id="L_vercode" name="vercode" required lay-verify="required"
                placeholder="请回答后面的问题" autocomplete="off" class="layui-input">
            </div>
            <div class="layui-form-mid">
                <span style="color: #c00;">
                    {$question}
                </span>
            </div>
        </div>
        <div class="layui-form-item">
            <button class="layui-btn" lay-filter="*" lay-submit>
                立即发布
            </button>
        </div>
    </form>
</div>
</div>
<script>
    layui.use(['form','layer','layedit' ,'laypage', 'element','upload'], function(){
      var layer = layui.layer
      ,laypage = layui.laypage
      ,layedit = layui.layedit
      ,element = layui.element()
      ,upload = layui.upload
      ,form = layui.form();

      layedit.set({
      uploadImage: {
        url: "{:U('home/question/img')}" //接口url
        ,type: 'post' //默认post
      }
    })    

  //创建一个编辑器
  var editIndex = layedit.build('L_content');


    //交互
    form.on('submit(*)', function(data){
        data.field.content = layedit.getContent(editIndex);
        console.log(data);
        $.ajax({
            url: "{:U('home/question/question_add')}",//请求地址
            type: "post",//请求方式
            dataType: "json",//返回数据类型
            data: data.field,//发送的参数
            })
            .done(function(response) {
                  if(response.error==0){
                     layer.msg(response.info ,{icon:5});
                  }else{
                     layer.alert(response.info ,{icon:6},function(){
                        location.href = response.url;
                     });
                     
                  }
              })
            .fail(function() {
                alert("ajxs交互失败");
            })  
          return false; //阻止表单跳转。如果需要表单跳转，去掉这段即可。
        });  


    });
</script>